{include file='common/header_en' /}

<div class="second_banner"></div>
<div class="main-layout">
    <div id="container">
        <div class="col-main column">
            <div class="col-content" style="min-height: 600px;">
                <div class=col-main-border-cnt>
                    <h2 class=col-main-tit><div></div>{$content.title}</h2>
                    <div class=fbt></div>
                    <div class=col-main-info>Source: {$content.source}&nbsp;&nbsp;Author: {$content.author}&nbsp;&nbsp;Time: {$content.create_time|date='Y-m-d H:i',###}&nbsp;&nbsp; views：{$content.click}
                    </div>
                    <div class=font-change-size>
                        <script language=javascript>
                        <!--
                        function contentsize(size) {
                            var obj = document.getElementById('bodylabel');
                            obj.style.fontSize = size + 'px';
                        }
                        -->
                        </script>
                        Font：
                        <a href='javascript:contentsize(22)'>Max</a>
                        <a href='javascript:contentsize(15)'>Middle</a>
                        <a href='javascript:contentsize(12)'>Min</a> </div>
                    <hr>
                    <div class=col-main-cnt>
                        <div id=bodylabel>
                            {$content.body.body|htmlspecialchars_decode}
                        </div>
                    </div>
                    
                    {notempty name='content.relation'}
                    <h4><b class="text-danger">read：</b></h4>
                    <ol style="padding-left: 20px;">
                    {foreach name='content.relation' item='vo'}
                        <li><a href="{$vo.url}">{$vo.shorttitle}</a></li>
                    {/foreach}
                    </ol>
                {/notempty}

                    <nav>
                      <ul class="pager">
                        {notempty name='content.prev'}
                        <li class="previous"><a href="{$content.prev.url}"><span aria-hidden="true">&larr;</span> {$content.prev.title}</a></li>
                        {else/}
                        <li class="previous disabled"><a href="###"><span aria-hidden="true">&larr;</span>Without the</a></li>
                        {/notempty}
                        {notempty name='content.next'}
                        <li class="next"><a href="{$content.next.url}">{$content.next.title} <span aria-hidden="true">&rarr;</span></a></li>
                        {else/}
                        <li class="next disabled"><a href="###">Without the <span aria-hidden="true">&rarr;</span></a></li>
                        {/notempty}
                      </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="col-sub column">
            <div class="newl">
                <ul>
                    <!--<li class="main">
                        <a href="/index/content/index/id/4">工作与责任</a>
                    </li>-->
                    <li class="main">
                        <a href="/index/content/index/id/8">Corporate news</a>
                    </li>
                    <!--<li class="main">
                        <a href="/index/content/index/id/2">
                            <p>行业新闻</p>
                        </a>
                    </li>-->
                    <!--<li class="main">
                        <a href="/index/content/index/id/3">
                            <p>法律法规</p>
                        </a>
                    </li>-->
                </ul>
                <div class="btmbor"></div>
            </div>
        </div>
    </div>
</div>
{include file='common/footer_english' /}